<template>
  <div>
    <div class="flex-box">
        <div class="home-left-box">
            <message-list></message-list>
            <picture-wall></picture-wall>
        </div>
        <div class="home-right-box">
            <Earth></Earth>
        </div>
    </div>   
 </div>
</template>

<script>
import PictureWall from './PictureWall/PictureWall.vue'
import MessageList from './MessageList/MessageList.vue'
import Earth from './Earth/Earth.vue'
export default {
  components: { 
                MessageList ,
                PictureWall,
                Earth
            },
name:'Home'
}
</script>

<style lang="less" scoped>
.flex-box{
display: flex;
justify-content:space-around;
}
</style>